<template>
  <div class="box">
  <headsVue></headsVue>
   <GoodsInfoVue></GoodsInfoVue>
    <van-cell class="send" title="送至" is-link value="浙江省 杭州市" />
    <LikelistVue></LikelistVue>
    <footer>
      <van-goods-action>
        <van-goods-action-icon icon="chat-o" text="客服" @click="onClickIcon" />
        <van-goods-action-icon
          icon="cart-o"
          text="购物车"
          @click="onClickIcon"
        />
        <van-goods-action-icon icon="star" text="已收藏" color="#ff5000" />
        <van-goods-action-button
          type="danger"
          text="加入购物车"
          @click="onClickButton"
        />
      </van-goods-action>
    </footer>
  </div>
</template>

<script>
// import axios from "axios";
import { Toast } from "vant";
import headsVue from "@/components/GoodsDetail/head";
import GoodsInfoVue from "@/components/GoodsDetail/GoodsInfo"
import LikelistVue from "@/components/GoodsDetail/Likelist"

export default {
  name: "GoodsDetail",
  components:{
    LikelistVue,GoodsInfoVue,headsVue
  },
  data() {
    return {
      goods: {},
      comments: [],
    };
  },
  methods: {
    goBack() {
      this.$router.back();
    },
    onClickIcon() {
      Toast("点击图标");
    },
    onClickButton() {
      Toast("点击按钮");
    },
     goBack() {
      this.$router.back();
    },
  },
};
</script>

<style scoped>
.box {
  background-color: #efefef;
  height: 100%;
  width: 100%;
}
header {
  position: fixed;
  width: 100%;
  top: 1px;
  left: 0 px;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.5rem 0 0.1rem;
  box-sizing: border-box;
}
footer {
  position: fixed;
  bottom: 1px;
  left: 0px;
}

</style>
